<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>异常统计</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery.form.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
  <script type="text/javascript" src="../static/js/abnormalStatistics.js"></script>
  <script type='text/javascript' src='../static/table/abnormalStatisticsTable.js'></script>
</head>
<body>
  <div class="top">
	<h4 class="partTitle">
		当前位置: 充电记录 <span class="comSpanTitle">></span>异常统计
	</h4>
  </div>
 <div class="blueBorder"></div>
 <div class="scrollBody">
  <div class="partWhite" id="scrollHeight">
    <form class="form-horizontal" id="chargingRecordStatisticsSearch">
    	<input id="searchType" name="searchType" hidden="hidden">
        <input id="totalChargingKWHOrder" name="totalChargingKWHOrder" hidden="hidden">
        <input id="attritionAmmeterNoOrder" name="attritionAmmeterNoOrder" hidden="hidden">
        <input id="attritionRateOrder" name="attritionRateOrder" hidden="hidden">
        <div class="form-group">
        	<div class="col-md-3 col3ConditionAll">
	            <label for="chargingStationID" class="col-sm-4 control-label partConditionTitle">充电站名称</label>
	            <div class="col-sm-8 partCondition">
	                <select id="chargingStationID" name="ChargingStationID" class="form-control" onchange='changeEquipmet()'>
	                  <option value="" selected="selected">请选择</option>
	                </select>
	            </div>
            </div>
            <div class="col-md-3 col3ConditionAll" id="changeEquipment" hidden="hidden">
              <label for="equipmentNo" class="col-sm-4 control-label partConditionTitle">充电桩名称</label>
              <div class="col-sm-8 partCondition">
                  <select id="equipmentNo" name="EquipmentNo" class="form-control" onchange="search()">
                      <option value="" selected="selected">请选择</option>
                  </select>
              </div>
            </div>
        </div>
		<div class="col-sm-2" style="float: left;">
			<span id="showMonth" style="font-size:24px;"></span>
	    </div>
	  	<div class="partTable" id="dayList" style="margin-left: -39px;margin-bottom:10px">
		</div>
		<div class="dateForm" id="hideform" hidden="hidden">
			<label for="startChargingTime" class="col-sm-4 control-label partConditionTitle">开始时间</label>
            <div id="startDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd hh:ii:00" style="float: left;">
                <input id="startChargingTime" name="startChargingTime" class="form-control" type="text">
                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            </div>
            <label for="endChargingTime" class="col-sm-4 control-label partConditionTitle">结束时间</label>
            <div id="endDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd hh:ii:59" style="float: left;">
                <input id="endChargingTime" name="endChargingTime" class="form-control" type="text">
                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            </div>
		</div>
  	</form>
  	<div class="form-group">
        <button type="button" class="btn btnDefault marginLeft2ten" onclick="search();">
            <img src="../static/images/chaxun.png" height="18" width="18"/> 查询
        </button>
    </div>
    </div>
    <div class="partWhite">
		<div class="partTable">
		  <input id="showAbnormal" type="checkbox" onclick="showAbnormal();">
          <label class="control-label partConditionTitle">显示所有数据</label>
		</div>
	    <div class="comHtmlTitle"><span class="borBlue"></span>充电站异常统计—列表
		    <div class="partTable">
				<table class="table table-hover" id="stationStatisticsTable">
					<thead id="stationStatisticsThead">
					</thead>
					<tbody id="stationStatisticsTbody">
					</tbody>
				</table>
				<table class="table scrollTable" id="stationStatisticsTable1">
				</table>
			</div>
		</div>
	</div>
	 <div class="partWhite">
		<div class="comHtmlTitle"><span class="borBlue"></span>充电桩异常统计—列表
			<div class="partTable">
				<table class="table table-hover" id="chargingRecordTable">
					<thead id="chargingRecordStatisticsThead">
					</thead>
					<tbody id="chargingRecordStatisticsTbody">
					</tbody>
				</table>
				<table class="table scrollTable" id="chargingRecordTable1">
				</table>
			</div>
		</div>
  	</div>
 </div>
</body>
</html>
